<template>
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%">
    <div style="width: 100%; height: 100%">
      <vdr
        :parent="false"
        :grid="[1, 1]"
        :w="item.w"
        :h="item.h"
        :x="item.x"
        :y="item.y"
        :z="item.z"
        v-for="(item, index) in buttonArr"
        :key="index"
        :snap="true"
        :snap-tolerance="10"
      >
        <el-button
          style="
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-color: transparent;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          "
          >123</el-button
        >
      </vdr>
    </div>
  </div>
</template>

<script>
import Vue from "vue";

import request from "../axios/request";

export default {
  computed: {},
  data() {
    return {
    
      buttonArr: [
        {
          id: 222,
          pageId: 13,
          textChinese: "按钮",
          textTraditional: "按鈕",
          textEnglish: "button",
          background: null,
          w: 139.0,
          h: 131.0,
          x: 63.0,
          y: 131.0,
          z: 9,
          rotate: null,
          fontColor: null,
          displayVariableName: null,
          displayVariableValue: null,
          conditionShowData: null,
          conditionShow: false,
          fontSize: 18,
          clickCommandList: [],
          type: "BUTTON",
          addedButtonGroupArrData: null,
          addedButtonGroupArr: [],
          backgroundColor: "white",
          borderCorner: 0,
          logicGraphData: "null",
          name: "经典",
          returnVariableSet: null,
          beChangedVariableName: null,
          logicGraph: null,
        },
        {
          id: 223,
          pageId: 13,
          textChinese: "按钮",
          textTraditional: "按鈕",
          textEnglish: "button",
          background: null,
          w: 139.0,
          h: 131.0,
          x: 63.0,
          y: 373.0,
          z: 10,
          rotate: null,
          fontColor: null,
          displayVariableName: null,
          displayVariableValue: null,
          conditionShowData: null,
          conditionShow: false,
          fontSize: 18,
          clickCommandList: [],
          type: "BUTTON",
          addedButtonGroupArrData: null,
          addedButtonGroupArr: [],
          backgroundColor: "white",
          borderCorner: 0,
          logicGraphData: "null",
          name: "经典",
          returnVariableSet: null,
          beChangedVariableName: null,
          logicGraph: null,
        },
      ],
     
    };
  },
};
</script>

<style scoped>

</style>